<html>
<head>
  <meta charset="utf-8">
  <title>线路综合信息</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
</head>
<body>
    <div class="layui-fluid" style="padding: 0">
            <div class="layui-row">
                <div class="layui-col-md3 AnalysisOfAlarmDataWrap table-wrapper">
                    <img src="../../layuiadmin/images/02 (5).png" class="tableBg"/>
                    <table id="LAY-AnalysisOfAlarmData" lay-filter="LAY-AnalysisOfAlarmData"></table> 
                </div>
                <div class="layui-col-md9 AnalysisOfAlarmDatamain">
                    <div class="layui-row AnalysisOfAlarmDatamainT">
                        <div class="layui-col-md4 echartsDiv echartsDiv-col ">
                            <img src="../../layuiadmin/images/02 (1).png" class="tableBg"/>
                            <div id="stationAlarm0"></div>
                        </div>
                        <div class="layui-col-md4 echartsDiv echartsDiv-col">
                            <img src="../../layuiadmin/images/02 (4).png" class="tableBg"/>
                            <div id="stationAlarm1"></div>
                        </div>
                        <div class="layui-col-md4 echartsDiv echartsDiv-col">
                            <img src="../../layuiadmin/images/01.png" class="tableBg"/>
                            <div id="stationAlarm2"></div>
                        </div>
                    </div>  
                    <div class="layui-row" >
                        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 table-wrapper" style="height: 63%;">
                            <img src="../../layuiadmin/images/02 (6).png" class="tableBg"/>
                            <div class="table-footer">
                              <table id="LAY-realTimeAlerts" lay-filter="LAY-realTimeAlerts" ></table>
                              <div class="layui-form layui-card-header layuiadmin-card-header-auto" style="text-align: center;">
                                      <div class="layui-form-item">
                                        <div class="layui-inline">
                                          <label class="layui-form-label">车站名:</label>
                                          <div class="layui-input-block" style="width: 120px;">
                                            <select name="station" id="alarmStations">
                                              <option value="">请选择</option>
                                            </select>
                                          </div>
                                        </div>
                                        <div class="layui-inline">
                                          <label class="layui-form-label">系统:</label>
                                          <div class="layui-input-block" style="width: 120px;">
                                            <select name="systems" id="alarmSystems">
                                                  <option value="">请选择</option>
                                            </select>
                                          </div>
                                        </div>
                                        <div class="layui-inline">
                                          <label class="layui-form-label">优先级:</label>
                                          <div class="layui-input-block" style="width: 120px;">
                                              <select name="levels" id="alarmLevels">
                                                  <option value="">请选择</option>
                                              </select>
                                          </div>
                                      </div>
                                        <div class="layui-inline">
                                          <label class="layui-form-label">日期范围</label>
                                          <div class="layui-input-inline" style="width: 250px;">
                                              <i class="layui-icon layui-icon-date"></i>   
                                              <input type="text" class="layui-input" id="dataRange" placeholder="-" style="text-align: center;">
                                          </div>
                                        </div>
                                        <div class="layui-inline">
                                          <button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="LAY-user-front-search">
                                            <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                                          </button>
                                        </div>
                                      </div>
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>  
    </div>

  <script src="../../layuiadmin/layui/layui.js"></script>
    <script src='../../layuiadmin/modules/echarts.js'></script>
  <script>
    layui.config({
      base: '../../layuiadmin/' //静态资源所在路径
    }).extend({
      index: 'lib/index' //主入口模块
      , my_send: '../myModules/my_send'
    }).use(['index', 'dataAnalysis', 'table','laydate','my_send'], function(){
      var table = layui.table
      ,laydate = layui.laydate
      ,form = layui.form
      , my_send = layui.my_send
      , http_proxy = layui.http_proxy;
      laydate.render({
        elem: '#dataRange' //指定元素
        ,range: true
      });
    });
    </script> 
</body>
</html>





